import { createApp } from 'vue'
import { createRouter, createWebHistory } from 'vue-router'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'

// 导入视图组件
import HomeView from './views/HomeView.vue'
import ClassificationView from './views/ClassificationView.vue'
import MergeView from './views/Mergeview/index.vue'
import AudioMergeView from './views/AudioMergeView.vue'
import IntroOutroView from './views/IntroOutroView.vue'
import CopywritingView from './views/Copywriting/index.vue'
import SettingsView from './views/Settings/index.vue'
import WatermarkView from './views/WatermarkView/index.vue'
import FootballView from './views/FootballView/index.vue'

// 定义路由
const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/classification',
    name: 'classification',
    component: ClassificationView
  },
  {
    path: '/merge',
    name: 'merge',
    component: MergeView
  },
  {
    path: '/audio-merge',
    name: 'audio-merge',
    component: AudioMergeView
  },
  {
    path: '/intro-outro',
    name: 'intro-outro',
    component: IntroOutroView
  },
  {
    path: '/copywriting',
    name: 'copywriting',
    component: CopywritingView
  },
  {
    path: '/settings',
    name: 'settings',
    component: SettingsView
  },
  {
    path: '/watermark',
    name: 'watermark',
    component: WatermarkView
  },
  {
    path: '/football',
    name: 'football',
    component: FootballView
  }
]

// 创建路由实例
const router = createRouter({
  history: createWebHistory(),
  routes
})

// 创建应用实例
const app = createApp(App)
app.use(router)
app.use(ElementPlus)
app.mount('#app')